<template>
  <div>
    <SvgIcon :name="'待审核'" :height="config.height" :width="config.width" class="check-icon" v-if="val === 1019001" />
    <SvgIcon :name="'审核中'" :height="config.height" :width="config.width" class="check-icon" v-else-if="val === 1019002" />
    <SvgIcon :name="'审核通过'" :height="config.height" :width="config.width" class="check-icon" v-else-if="val === 1019003" />
    <SvgIcon :name="'审核拒绝'" :height="config.height" :width="config.width" class="check-icon" v-else-if="val === 1019004" />
    <SvgIcon :name="'待提交'" :height="config.height" :width="config.width" class="check-icon" v-else-if="val == ''" />
    <div v-else>看到我的时候说明图标少了或者出错了！！！</div>
  </div>
</template>

<script setup>
defineOptions({
  name: 'CheckIcon'
});
import SvgIcon from '@/components/SvgIcon/index.vue';
import { computed, ref } from 'vue';
const props = defineProps({
  value: {
    type: Number,
    default: 1019001
  }
});

const config = ref({
  height: 110,
  width: 110
});

const val = computed(() => {
  return props.value;
});
</script>

<style lang="scss" scoped>
.check-icon {
  position: absolute;
  left: 1%;
  top: 1%;
  z-index: 2;
}
</style>
